import React, { Component } from "react";
import { Divider, Rate, Input } from "antd";
import "./css/contact.css";
import "./css/general.css";

const { TextArea } = Input;

export default class Contact extends Component {
    SubmitComment = (value) => {
        console.log(value);
    }
  render() {
    return (
      <section id="contact">
        <div className="height50"></div>
        <div className="contact_card_container">
          <div className="height20"></div>
          <h2>Say Something...</h2>
          <center>
            <div className="enter_zone">
              <TextArea rows={4} allowClear="true" />
            </div>

            <Rate allowHalf defaultValue={2.5} style={{ fontSize: 36 }} onChange={this.SubmitComment}/>
          </center>

          <div className="copyright_box">
            <Divider plain>
              Copyright © 2022, designed by ZJU 2022-2023 SEM G03.
            </Divider>
          </div>
        </div>
      </section>
    );
  }
}
